<template>
  <div>
    <h1>组件化演示</h1>
    <!-- 局部注册 -->
    <Menu></Menu>
    <hr />
    <!-- 全局注册 -->
    <Panel />
    <Panel></Panel>
    <Panel></Panel>
  </div>
</template>

<script>
import Menu from './components/menu.vue'
export default {
  components:{
    // key:value形式   key相当于标签名,value相当于组件对象
    // Menu: Menu
    Menu
  }
}
</script>

<style scoped>
/* scoped将样式更改为局部样式 */
</style>
